<%@page contentType="text/html" %>
<%@page pageEncoding="UTF-8" %>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Goodwill - Поиск товаров клиентами</title>
    <link rel="stylesheet" href="resources/css/main.css"/>
    <link rel="stylesheet" href="resources/css/stylesheet.css"/>
    <link rel="stylesheet" href="resources/css/clients.css"/>
    <style type="text/css">
    </style>
</head>
<body>
<f:view>
    <h:form>
        <jsp:include page="ClientHeader.jsp"/>

        <%-- -------------- Сообщение об ошибки -------------- --%>
        <jsp:include page="messages.jsp"/>

        <%-- -------------- Список товаров в корзине -------------- --%>
        <h:panelGrid columns="1" cellpadding="0" cellspacing="0" styleClass="full">
            <rich:dataTable value="#{SessionBean.orderItems}" var="oi" id="tblOrderItem" styleClass="full"
                            rowKeyVar="row"
                            columnClasses="ordr_c0,ordr_c1,ordr_c2,ordr_c3,ordr_c4,ordr_c5,ordr_c6,ordr_c6,ordr_c7">
                <f:facet name="header">
                    <h:outputText value="Заказ #{SessionBean.order.idAsString}"/>
                </f:facet>
                <rich:column>
                    <f:facet name="header">
                        <h:outputText value="№"/>
                    </f:facet>
                    <h:outputText value="#{row + 1}."/>
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputText value="Код"/>
                    </f:facet>
                    <h:outputText value="#{oi.good.code}" styleClass="b"/>
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputText value="Наименование"/>
                    </f:facet>
                    <h:outputText value="#{oi.good.name}" styleClass="b"/>
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputText value="Кол-во"/>
                    </f:facet>
                    <h:outputText value="#{oi.count} шт."/>
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputText value="Цена"/>
                    </f:facet>

                    <h:panelGroup rendered="#{oi.manualPrice != 0}">
                        <h:outputText styleClass="hint" value="(установлена вручную)"/>
                        <rich:spacer width="10"/>
                    </h:panelGroup>

                    <h:outputText value="#{oi.itemPrice} р."/>
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputText value="Стоимость позиции"/>
                    </f:facet>
                    <h:outputText value="#{oi.sum} р."/>
                </rich:column>
                <rich:column rendered="#{SessionBean.orderStateIsBeforeSaved}">
                    <h:inputText value="#{ClientOrderItemBean.delOrderItemCount[oi.goodId]}"
                                 required="true" requiredMessage="Введите количество товара для изменения"
                                 converterMessage="Количество изменяемого товара должно быть числом"
                                 style="width:30px;"
                                 id="goodCount"/>
                    <h:outputText value="шт." style="margin-left:2px"/>

                    <a4j:commandLink value="изменить" action="#{ClientOrderItemBean.updateOrder}"
                                     reRender="goodsInOrder,tblOrderItem" style="margin-left:2px">
                        <a4j:actionparam name="updateOrderItem" assignTo="#{ClientOrderItemBean.orderItem.goodId}"
                                         value="#{oi.goodId}"/>
                    </a4j:commandLink>

                    <a4j:commandLink value="удалить" action="#{ClientOrderItemBean.deleteOrderItem}"
                                     reRender="goodsInOrder,tblOrderItem" style="margin-left:2px">
                        <a4j:actionparam name="deleteOrderItem" assignTo="#{ClientOrderItemBean.orderItem.goodId}"
                                         value="#{oi.goodId}"/>
                    </a4j:commandLink>
                </rich:column>
                <f:facet name="footer">
                    <rich:columnGroup>
                        <rich:column></rich:column>
                        <rich:column></rich:column>
                        <rich:column></rich:column>
                        <rich:column style="text-align:right">
                            <h:outputText value="#{SessionBean.orderGoodsCount} шт."/>
                        </rich:column>
                        <rich:column></rich:column>
                        <rich:column style="text-align:right">
                            <h:outputText value="#{SessionBean.orderPrice} р." styleClass="b"/>
                        </rich:column>
                        <rich:column></rich:column>
                    </rich:columnGroup>


                </f:facet>
            </rich:dataTable>

            <rich:panel styleClass="caption_pane" style="padding-bottom:0;padding-top:0"
                        rendered="#{SessionBean.orderStateIsBeforeSaved && SessionBean.orderIsNotEmpty && SessionBean.clientCanSaveOrder}">
                <h:panelGrid columns="2" columnClasses="top,top" style="display: inline">
                    <h:panelGrid columns="1"  style="display: inline">
                        <h:outputText value="Комментарий: " styleClass="b" style="margin-left:5px;"/>
                        <h:outputText value="(Не более 250 символов с пробелами)" style="margin-left:5px;"/>
                    </h:panelGrid>
                    <h:inputTextarea value="#{ClientOrderItemBean.clientComment}" style="width:600px"/>
                </h:panelGrid>
            </rich:panel>
            <rich:panel styleClass="caption_pane" style="padding-bottom:0;padding-top:0"
                        rendered="#{!(SessionBean.orderStateIsBeforeSaved && SessionBean.orderIsNotEmpty && SessionBean.clientCanSaveOrder)}">
                <h:panelGrid columns="2" columnClasses="top,top">
                    <h:panelGrid columns="1">
                        <h:outputText value="Комментарий: " styleClass="b" style="margin-left:5px;"/>
                        <h:outputText value="(Не более 250 символов с пробелами)" style="margin-left:5px;"/>
                    </h:panelGrid>
                    <h:inputTextarea value="#{ClientOrderItemBean.clientComment}" readonly="true"/>
                </h:panelGrid>
            </rich:panel>


            <rich:panel styleClass="caption_pane" style="padding-bottom:0;padding-top:0">
                <h:outputText value="Тип доставки: " styleClass="b" style="margin-left:5px;"/>
                <h:outputText value="#{SessionBean.order.deliveryTypeAsString}"/>
                <h:outputText value="Стоимость доставки: " styleClass="b" style="margin-left:5px;"/>
                <h:outputText value="#{SessionBean.deliverySum}"/>
            </rich:panel>

            <rich:panel styleClass="caption_pane" style="padding-bottom:0;padding-top:0"
                        rendered="#{SessionBean.orderStateIsBeforeSaved && SessionBean.orderIsNotEmpty && SessionBean.clientCanSaveOrder}">
                <h:outputText value="Тип оплаты: " styleClass="b" style="margin-left:5px;"/>
                <h:selectOneMenu value="#{SessionBean.order.orderTypeId}">
                    <f:selectItems value="#{SessionBean.orderTypes}"/>
                </h:selectOneMenu>
            </rich:panel>
            <rich:panel styleClass="caption_pane" style="padding-bottom:0;padding-top:0"
                        rendered="#{!(SessionBean.orderStateIsBeforeSaved && SessionBean.orderIsNotEmpty && SessionBean.clientCanSaveOrder)}">
                <h:outputText value="Тип оплаты: " styleClass="b" style="margin-left:5px;"/>
                <h:outputText value="#{SessionBean.order.orderTypeAsString}"/>
            </rich:panel>

            <rich:panel styleClass="caption_pane"
                        rendered="#{SessionBean.orderStateIsBeforeSaved && SessionBean.orderIsNotEmpty && SessionBean.clientCanSaveOrder}">
                <a4j:commandLink action="#{ClientOrderItemBean.issueOrder}"
                                 oncomplete="if(#{not SessionBean.hasFacesErrors}) { if (#{SessionBean.selectedClientId==-1}) {document.location='ClientRegistrationPage.jsf'} else {document.location='ClientRoomPage.jsf'} }">
                    <h:graphicImage value="/resources/img/green-button_32x32.png"/>
                    <h:outputText value="Оформить заказ" style="font-weight:bold;font-size:120%"/>
                </a4j:commandLink>
            </rich:panel>
            <rich:panel styleClass="caption_pane"
                        rendered="#{!SessionBean.clientCanSaveOrder}">
                <h:outputText
                        value="Оформление заказа пока недоступно для Вас. Вероятнее всего, это связано с наличием у Вас долга."
                        style="font-weight: bold;color: red;"/><br>
                <h:outputText
                        value="Для уточнения деталей свяжитесь со своим менеджером (#{SessionBean.clientManagerFio}, #{SessionBean.clientManagerEmail})."
                        style="color:red;"/>
            </rich:panel>
        </h:panelGrid>

        <jsp:include page="ClientFooter.jsp"/>
    </h:form>

    <jsp:include page="oes.jsp"/>
</f:view>
</body>
</html>